<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="html5 css2/css3 javascript ajax php mysql java javaEE">
<meta name="description" content="专注技术研发，成就顶级高手,专注于html5 css2/css3 javascript ajax php mysql java javaEE技术的研究和实现，热爱技术!">

    <!-- bootstrap3 files -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <!--ztree3 files-->
<script src="scripts/zTree/jquery-1.4.4.min.js"></script>
<script src="scripts/zTree/jquery.ztree.core-3.2.js"></script>
<link rel="stylesheet" href="style/authority/zTreeStyle.css">
   <!--fancybox弹窗插件-->
<script type="text/javascript" src="https://cdn.staticfile.org/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen"></link>
   <!--Font Awesome 图标-->
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
<!--样式css-->
<link href="style/main.css" rel="stylesheet">
<link href="style/common.css" rel="stylesheet">
<!--js-file-->
<script type="text/javascript" src="scripts/main.js"></script>
<script type="text/javascript" src="scripts/common.js"></script>
    <!--artdialog弹出对话框插件-->
<script type="text/javascript" src="scripts/artDialog/artDialog.js?skin=default"></script>
<title>房屋租赁系统专业版</title>  
<body>
   <!--大表单form-->
   <div id="formcontainer" role="form">
     <form id="house_list">
        <!--顶部蓝色搜索bar-->
        <div id="topSearch"><span>搜索</span></div>
        <!--end 顶部蓝色搜索bar-->
        <!--小区选择部分-->
        <div id="selectXq">
         <span>
         <label for="fyXq">小区</label>
         <select id="fyXq">
            <option value="">+请选择</option>
            <option value="" >天隆花园</option>
            <option value="">和盛嘉园</option>
            <option value="">欧洲城市花园</option>
         </select>
         <label for="houseindex" >栋号</label>
            <select id="houseindex" >
                  <option value="">+请选择</option>
                  <option value="" >天隆花园5号楼</option>
                  <option value="">天隆花园7号楼</option>
                  <option value="">天隆花园8号楼</option>
                  <option value="">天隆花园23号楼</option>
                  <option value="">天隆花园19号楼</option>
                  <option value="">天隆花园11号楼</option>
                  <option value="">天隆花园3号楼</option>
            </select>
         <label for="huxin" >户型</label>
             <select id="huxin" >
                  <option value="">+请选择</option>
                  <option value="" >一室一厅一卫</option>
                  <option value="">两室一厅一卫</option>
                  <option value="">两室两厅一卫</option>
                  <option value="">三室一厅一卫</option>
             </select>
          <label for="zhuantai">状态</label>
              <select id="zhuantai">
                    <option value="">+请选择</option>
                    <option value="">10年后新房</option>
                    <option value="">市中心高层</option>
                    <option value="">花园洋房</option>
                    <option value="">商圈附近住宅</option>
              </select>
            <label for="houseweizhi">座落</label>
                    <input type="text" id="houseweizhi"/>
                    
           </span>         
        </div>
        <!--end小区选择部分-->
        <!--查询栏bar-->
        <div id="querybarcontainer" role="querybar-container">
          <div id="querybar">
              <input type="button" value="查询"/>
              <input type="button" value="新增" id="addBtn"/>
              <input type="button" value="删除" id="fyId" onClick="artDel();"/>
              <input type="button" value="导入" id="importBtn"/>
              <input type="button" value="导出"/>
              
              
          </div>
        </div>
        <!--end 查询栏bar-->
        <!--列表栏list-->
        <div id="listcontainer" role="listfy">
            <table class="formtable" cellspacing="0" cellpadding="0" width="100%" align="center" >
               <tr>
                  <th width="30"><input type="checkbox" id="all" onClick="selectOrClearAllCheckbox(this);"/></th>
                  <th>位置</th>
                  <th>房源</th>
                  <th>房源面积</th>
                  <th>计租面积</th>
                  <th>户型</th>
                  <th>建筑结构</th>
                  <th>房屋类型</th>
                  <th>状态</th>
                  <th>操作</th>            
               </tr>
               <tr>
                  <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
                  
               </tr>
               <tr>
                  <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
                  
               </tr>
               <tr>
                  <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
        
               
               </tr>
               <tr>
                  <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
                  
               
               </tr>
               <tr>
                 <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
                  
               
               </tr>
               <tr>
                  <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
                  
               
               </tr>
               <tr>
                  <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
                  
               
               </tr>
               <tr>
                  <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
                  
               
               </tr>
               <tr>
                  <td><input type="checkbox"/></td>
                  <td>城中区</td>
                  <td>天隆花园5号楼8-806</td>
                  <td>72.56㎡</td>
                  <td>72.56㎡</td>
                  <td>二室一厅一卫</td>
                  <td>混凝土</td>
                  <td>高层</td>
                  <td>待租</td>
                  <td><span class="editBtn"><a>编辑</a></span>&nbsp;&nbsp;<span>删除</span></td>
                  
               
               
               </tr>
              
            </table>
        </div>
        <!--end 列表栏list-->
        <!--底部跳转栏-->
        <div role="footerjump">
           <span class="listleft">共有<span class="fontlg">90</span>条记录，当前第<span class="fontlg">1/9</span>页</span>
           <!--右边跳转菜单--> 
           <span class="listright">
           <input type="button" value="首页"/>
           <input type="button" value="上一页"/>
           <input type="button" value="下一页"/>
           <input type="button" value="尾页"/>
           转到第&nbsp;<input type="text" style="width:35px;height:30px;"/>&nbsp;页
           <input type="button" value="跳转"/>
           
           </span>
           <!--end 右边跳转菜单--> 
        </div>
        <!--end 底部跳转栏-->
     </form>
   
   </div>
   <!--end 大表单form-->
  
 
    
</body>
</html>